<%--
  Created by IntelliJ IDEA.
  User: Healer
  Date: 2021/4/6
  Time: 15:22
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户页面</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="plugins/bootstrap-3.3.7-dist/css/bootstrap.min.css">

    <!--jquery的框架：一定要先导入，因为bootstrap的框架需要使用jquery-->
    <script src="plugins/jquery-1.12.4/jquery-1.12.4.min.js" type="text/javascript"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="plugins/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript"></script>
<%--分页--%>
<%--    <link rel="stylesheet" href="plugins/jquery-1.12.4/jquery.page.css">--%>

</head>
<body>
<div class=" bs-example" data-example-id="hoverable-table">
    <table class="table table-hover">
        <thead>
        <tr>
            <th><a role="button" class="btn btn-default"
                   href="jump?pg=WEB-INF/viewPages/userInfoB/UserInfoQuery.jsp">返回</a></th>
            <th>序号</th>
            <th>用户姓名</th>
            <th>电话</th>
            <th>注册日期</th>
            <th>修改信息</th>
            <th>删除信息</th>
        </tr>
        </thead>
        <tbody>
        <c:forEach items="${sessionScope.lstUser}" var="eachUser" varStatus="st">
            <tr>
                <td>&nbsp;</td>
                <td>${st.index+1}</td>
                <td>${eachUser.userName}</td>
                <td>${eachUser.phone}</td>
                <td>${eachUser.userDate}</td>
                <td><a role="button" class="btn btn-default"
                        href="ModifyJump?id=${eachUser.userId}">修改</a></td>
                <td><a role="button" class="btn btn-default"
                        href="DeleteJump?id=${eachUser.userId}" onclick="return confirm('请确认是否删除记录？')">删除</a></td>
            </tr>
        </c:forEach>
        </tbody>
    </table>
</div>
<%--分页--%>
<div id="page"></div>
<script type="text/javascript">
    $(function(){
        $("#page").Page({
            totalPages: 9,//分页总数
            liNums: 7,//分页的数字按钮数(建议取奇数)
            activeClass: 'activP', //active 类样式定义
            callBack : function(page){
                //console.log(page)
            }
        });
    })
</script>
<%--分页  END--%>
<script src="plugins/jquery-1.12.4/jquery.min.js" type="text/javascript"></script>
<script src="plugins/jquery-1.12.4/jquery.page.js" type="text/javascript"></script>
</body>
</html>
